/*公共样式*/
h3,
h4,
h5,
h6,
ul,
li,
p {
  padding: 0;
  margin: 0;
  list-style: none;
}

* {
  // font-family: Microsoft YaHei;
  font-family: Source Han Sans, '思源黑体', Arial, sans-serif, Microsoft YaHei;
  font-weight: 400;
}

/* 主标题 */
.main-title {
  font-size: 16px;
  color: #191f25;
  font-weight: bold;
}
.topSearch {
  background-color: #fff;
  padding: 10px 0 10px 38px !important;
}
/* antd 卡片组件标题 */
/deep/.ant-card-head-title {
  font-size: 16px;
  color: #191f25;
  font-weight: bold;
}

/* 副标题 */
.subtitle {
  font-size: 14px;
  color: #191f25;
}

/* 详情内容/次要文字 */
.secondary-text {
  font-size: 14px;
  color: #888888;
  word-break: break-all;
}

/* 普通文字按钮 */
.btn-text {
  font-size: 14px;
  color: #1890ff;
  cursor: pointer;
}
.filter-num {
  font-size: 16px;
  color: #1890ff;
}

/* 删除文字按钮 */
.del-text {
  font-size: 14px;
  color: #ff4d4f;
  cursor: pointer;
}

/* 被禁用的删除文字按钮 */
.del-text-disabled {
  font-size: 14px;
  color: #888888;
  cursor: not-allowed;
}

/* 文字过长显示... */
.limit-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

/* 所有字体大小 */
@fontSize1: 12px;
@fontSize2: 14px;
@fontSize3: 16px;
@fontSize4: 18px; // antd抽屉标题

/* 黑色-字体颜色 */
@titFont: #191f25;
/* 红色-字体颜色 */
@errFont: #ff4d4f;
/* 橙色-字体颜色 */
@warFont: #ff943e;
/* 绿色-字体颜色 */
@successFont: #15bc83;
/* 状态（已通过、盘点正常、处理完成）-字体颜色 */
@passFont: #00b042;
/* 蓝色-字体颜色 */
@normalFont: #1890ff;
/* 灰色背景-背景色 */
@greyBg: #f4f5f6;
/* 全局背景 */
@mainBg: #f0f2f5;
/* 灰色边框-边框色 */
@greyBorder: #eeeeee;

/* antd抽屉内容背景色及padding修改 */
/deep/.ant-drawer-content {
  background: @greyBg;

  .ant-drawer-body {
    padding: 0;
  }
}

/* 外层盒子/卡片padding  */
.uni-card {
  padding: 24px;
}

.resetPadding {
  padding: 19px 24px;
}
.form-footer {
  position: absolute;
  left: 0;
  bottom: 0;
}

/* 表单底部提交按钮  按钮右对齐 */
.footer-submit {
  padding: 10px 16px;
  background: #fff;
  display: flex;
  width: 100%;
  justify-content: flex-end;
}

/* 其他边距 */
@distance1: 24px;
/* 多个卡片之间间距 */
@distance2: 20px;
/* 详情换行上下间距 */
@distance3: 16px;
/* 底部分页栏内元素间距 */
@distance4: 12px;
/* 详情标题与内容的上下间距 */
@distance5: 10px;
/* 多个按钮之间间距 */

/* 标签
  <span class="mytags mytag0">标签</span>
*/
.mytags {
  display: inline-block;
  padding: 5px 8px;
  border-radius: 3px;
  margin-right: 8px;
  font-size: 12px;
  line-height: 12px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.mytag0 {
  background: #e2f1ff;
  color: #1890ff;
}

.mytag1 {
  background: #dbf4e4;
  color: #00b042;
}

.mytag2 {
  background: #e8f4ff;
  color: #3774ac;
}

/deep/ .ant-form-item-label {
  ::after {
    content: '';
  }
}

.receiptTextRed {
  color: #f25643;
}

.examBox {
  height: 260px;
  overflow: auto;
  margin-top: 12px;
}

// 解决表格同时设置fixed和ellipsis导致ellipsis无效问题
/deep/.ant-table-fixed-left table,
.ant-table-fixed-right-right table {
  width: min-content;
}

// 拖动列样式
/deep/.table-draggable-handle {
  padding: 2px;
  height: 100% !important;
  left: auto !important;
  right: -3px;
  cursor: e-resize;
  touch-action: none;
  border: none;
  position: absolute;
  transform: none !important;
  bottom: 0;
}

/deep/.table-draggable-handle:hover::after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  height: 60%;
  width: 3px;
  background-color: #888888;
}

/deep/.resize-table-th {
  position: relative;
}

.has-value:hover {
  .down-icon {
    display: none;
  }
  .close-icon {
    display: block;
  }
}
.close-icon {
  display: none;
  color: rgba(0, 0, 0, 0.25);
  font-size: 14px;
}
.close-icon :hover {
  color: rgba(0, 0, 0, 0.5);
}

.page-scroll-wrap {
  height: calc(100vh - 112px);
  width: 100%;
  overflow: scroll;
  position: relative;
}

// 解决表格列标题存在排序按钮时，收缩列无法将标题超出文字显示...问题 ---------begin---------
/deep/.ant-table-column-sorters {
  display: flex !important;
  align-items: center !important;
}
/deep/.ant-table-column-title {
  overflow: hidden !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
  // display: inline-block!important;
  width: 100% !important;
  padding-right: 16px; //字段超长时，右边空出间距
}
// 解决表格列标题存在排序按钮时，收缩列无法将标题超出文字显示...问题 ---------end---------
.pagination-contian {
  position: fixed;
  bottom: 0;
  right: 0;
  z-index: 2;
  background: #fff;
  padding: 6px 12px 6px 43px;
  div {
    display: inline-block;
  }
  .check-contain {
    padding-top: 6px;
  }
  .page-contain {
    float: right;
  }
}

// UI规范中按钮的宽高
/deep/ .right-btn {
  .btns {
    height: 32px;
    width: 76px;
  }
}

/deep/ .no-title-line-card {
  .ant-card-head {
    border-bottom: none; /* 移除边框 */
    padding: 0px 16px; // 标题与正文左对齐
  }
  .ant-card-head-title {
    padding-bottom: 0; /* 移除padding底部，使得边框不可见 */
  }
}

//按钮宽为76px,按钮的图标与文字无间隙
/deep/ .ant-btn > .anticon + span {
  vertical-align: 0.5px;
  margin-left: 0px;
}
/deep/ .ant-btn {
  width: 76px;
  padding: 0 0;
}
/deep/ .ant-table-column-title {
  font-weight: bold; // 字体加粗
}

/deep/ .ant-pagination-item {
  border: none;
}
/deep/ .ant-pagination-item-active {
  font-weight: 500;
  background: #fff;
  border-color: #1890ff;
  border: 1px solid #1890ff;
}
/deep/ .ant-btn > .anticon + span{
  margin-left: 4px;
}